<template>
  <div>
      <swiper :items="myarr"
      :interval="2000" :autoplay="true"
      :swiper-style="{width:'1000px',height:'600px'}" :is-show-title="true">
           <template #title>
            <div>
               <h1 style="color:red;">618大促111</h1>
            </div>
           </template>
    </swiper>
  </div>
</template>
<script>
import swiper from '@/components/swper.vue'
export default {
 components:{swiper},
   data(){
    return {
      myarr:[
        {id:1,url:require("@/assets/5.png")},
        {id:2,url:require("@/assets/1.png")},
        {id:3,url:require("@/assets/6.png")},  
        {id:4,url:require("@/assets/3.png")}
      ]
    }
   }
}
</script>